<template>
	<view class="page-index">
		<image class="logo" src="/static/logo.png"></image>
		<text class="title">{{title}}</text>
		<scroll-view :scroll-y="true" :show-scrollbar="false" class="page-content">
			<pageBody></pageBody>
		</scroll-view>
	</view>
</template>

<script setup>
	import { ref } from 'vue';
	import pageBody from '../../components/pageBody/pageBody.vue'

	const title = ref('Uniapp项目鸿蒙化功能点Demo')
</script>

<style lang="less">
	.page-index{
		width: 100%;
		height: 100%;
		padding: 20px;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		.logo {
			width: 100px;
			height: 100px;
		}
		.title{
			margin: 15px 0;
			font-size: 22px;
		}
		.page-content{
			width: 100%;
			flex-grow: 1;
			overflow-y: auto;
			border: 1px solid #e0e1dd;
			border-radius: 8px;
		}
	}
</style>
